<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>云图列表</title>
    <style>
        #poiInfo {
            background: #fff;
        }
        .amap_lib_placeSearch .poibox.highlight {
            background-color: #CAE1FF;
        }
        .amap_lib_placeSearch .poi-more {
            display: none!important;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-btn-container AllBtnController">
        <@shiro.hasPermission name="cloudHouse:find">
            <a class="layui-btn" style="margin-left: 55%; width: 10%;" id="findHouse">查&nbsp;&nbsp;&nbsp;&nbsp;询</a>
        </@shiro.hasPermission>
        <@shiro.hasPermission name="cloudHouse:add">
            <a class="layui-btn layui-btn-warm" style="width: 10%;" data-type="addOneHouse">单次添加</a>
        </@shiro.hasPermission>
        <@shiro.hasPermission name="cloudHouse:delete">
            <a class="layui-btn layui-btn-danger" style="width: 10%;" data-type="deleteHouse">批量删除</a>
        </@shiro.hasPermission>
    </div>
</div>
<div class="layui-fluid">
    <table class="layui-hide" id="cloudHouseTable" lay-filter="cloudTableInfo"></table>
</div>

<div class="layui-fluid" id="findCloudInfo" hidden>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend id="fieldTitle">查询维度</legend>
    </fieldset>
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">云图ID</label>
            <div class="layui-input-block" style="margin-right: 5%">
                <input type="text" name="cloudID" id="cloudID" placeholder="请输入云图ID" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-block" style="margin-right: 5%">
                <input type="text" name="name" id="name" placeholder="请输入名称" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">详细地址</label>
            <div class="layui-input-block" style="margin-right: 5%">
                <input type="text" name="address" id="address" placeholder="请输入详细地址" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">日期范围</label>
            <div class="layui-input-inline" style="width: 25%;">
                <input type="text" class="layui-input" id="createTimeScope" placeholder=" - ">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">经度范围</label>
                <div class="layui-input-inline" style="width: 150px;">
                    <input type="text" name="minLon" id="minLon" placeholder="经度下限" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 150px;">
                    <input type="text" name="maxLon" id="maxLon" placeholder="经度上限" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">纬度范围</label>
                <div class="layui-input-inline" style="width: 150px;">
                    <input type="text" name="minLat" id="minLat" placeholder="纬度下限" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 150px;">
                    <input type="text" name="maxLat" id="maxLat" placeholder="纬度上限" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block" style="margin-right: 5%">
                <select id="curStatus" name="status" lay-verify="required">
                <#list cloudStatus as curstatus>
                    <option value="${curstatus.type}">${curstatus.name}</option>
                </#list>
                </select>
            </div>
        </div>
        <div class="layui-form-item reloadTable">
            <div class="layui-input-block">
                <a  class="layui-btn"  data-type="reload">查询</a>
                <a class="layui-btn layui-btn-primary" data-type="resetInfo">重置</a>
            </div>
        </div>
    </form>
</div>

<div class="layui-fluid" id="addOneCloudData" hidden>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend id="cloudfieldTitle">添加新云图信息</legend>
    </fieldset>
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">地址</label>
            <div class="layui-input-block" style="margin-right: 5%">
                <input type="text" name="cloudAddress" id="cloudAddress" placeholder="请输入地址" autocomplete="off" class="layui-input">
                <input type="text" id="cloudDetail" autocomplete="off" class="layui-input" hidden>
            </div>
            <div id="poiInfo"></div>
        </div>
        <div class="layui-form-item addOneCloudDataclass">
            <div class="layui-input-block">
                <a  class="layui-btn" id="addOneData"  data-type="addOneData">确认添加</a>
                <a class="layui-btn layui-btn-primary" data-type="resetOneData">重置</a>
            </div>
        </div>
    </form>
    <div id="container" style="width:100%; height:350px;"></div>
</div>


<script type="text/html" id="oreationBtn">
     <@shiro.hasPermission name="house:info">
         <a class="layui-btn layui-btn-xs" lay-event="detail">详情</a>
     </@shiro.hasPermission>
      <@shiro.hasPermission name="cloudHouse:update">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="update">更新</a>
      </@shiro.hasPermission>
      <@shiro.hasPermission name="cloudHouse:delete">
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
     </@shiro.hasPermission>
</script>
</body>
</html>